.me,.me *{
  margin:0px;
  padding:0px;
  box-sizing:border-box;
  list-style: none;
  outline: none;
  text-decoration: none;
}

.me-relative{
  position:relative
}
.me-center{
  position:absolute;
  top:50%;
  left: 50%;
  transform:translate(-50%,-50%)
}

.me-fr {
  float: right;
}

.me-fl {
  float: left;
}
.me-cf::after {
  content: '';
  display: block;
  clear: both;
}
.me-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.me-ellipsis-2 {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.me-flRelCenterY {
  float: left;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.me-frRelCenterY {
  float: right;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.me-centerX{
  position:absolute;
  left: 50%;
  transform:translateX(-50%)
}
.me-centerY{
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}